<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HappyGoGoDownload</title>
    <link rel="stylesheet" href="./normalize.css">
    <style>
        .page {
            padding: 20px 15px;
        }

        .tc {
            text-align: center;
        }

        .logo {
            width: 30%;
        }

        .title {
            padding: 15px 0;
            margin-bottom: 20px;
            font-size: 50px;
            color: rgb(219, 55, 67);
            font-weight: 400;
        }

        .text-label {
            padding: 10px 0;
            font-size: 40px;
            color: rgb(102, 102, 102);
        }

        .btn-box {
            margin-top: 40px;
            height: 140px;
            overflow: hidden;
            margin-bottom: 80px;
        }

        .btn {
            width: 49%;
            height: 100%;
        }

        .google {
            float: left;
            background: url("./img/google.png");
            background-size: 100% 100%;
        }

        .androdid {
            float: right;
            background: #29c566;
            border-radius: 15px;
            font-size: 40px;
            color: #fff;
            text-align: center;
            line-height: 140px;
        }

        .item-logo {
            width: 160px;
            height: 160px;
            margin-bottom: 15px;
        }

        .item {
            margin-bottom: 40px;
        }

        .banner {
            width: 100%;
        }

        .contact {
            margin-top: 30px;
            margin-bottom: 10px;
            font-size: 52px;
        }

        .facebook {
            padding-bottom: 60px;
        }
        .lang {
            float: left;
            margin: 40px 0 0 40px;
            cursor: pointer;
        }
        .lang-img{
            width: 60px;
            height: 40px;
        }
    </style>
    <script src="./myDetection.js"></script>
</head>
<body>
<div class="lang" id="lang"><img class="lang-img" src="./img/usLang.png" alt=""></div>
<div id="unicode" class="page">
    <div class="logo-box tc">
        <img src="./img/logo.png" alt="" class="logo">
    </div>
    <div class="title tc">HappyGoGo</div>
    <div class="tc text-label">ရုပ်ရှင်ပွဲချိန်များ၊  YBS  ဘတ်စ်ကားလိုင်းများ၊  စားသောက်ဆိုင်များ၊  အိမ်ခြံမြေများ</div>
    <div class="tc text-label">အခမဲ့  Download  ရယူနိုင်ပါသည်</div>
    <div class="btn-box">
        <a href="https://play.google.com/store/apps/details?id=com.happygogo.consumer">
            <div class="btn google"></div>
        </a>
        <a href="http://www.happygogo.com.mm/happygogo.apk">
            <div class="btn androdid">Download Android</div>
        </a>
    </div>

    <div class="item tc">
        <img src="./img/bus.png" alt="" class="item-logo">
        <div class="tc text-label">နောက်ဆုံးအသစ်ထွက် ယာဉ်လိုင်း (1~100) ထိ ရှာဖွေနိုင်ပါသည်။</div>
    </div>

    <div class="item tc">
        <img src="./img/movie.png" alt="" class="item-logo">
        <div class="tc text-label">ရုပ်ရှင်ပွဲချိန်များ  ရုပ်ရှင်ရုံများ  ပြသမည့်ကားများအား  ဆော့ဖ်ဝဲလ်  ၁  ခုတည်းတွင်  သိနိုင်ခြင်း</div>
    </div>
   
    <div class="item tc">
        <img src="./img/food.png" alt="" class="item-logo">
        <div class="tc text-label">လျော့စျေးပေးထားသည့်  စားသောက်ဆိုင်များအားလွယ်ကူစွာရှာဖွေနိုင်ခြင်း</div>
    </div>
    <div class="item tc">
        <img src="./img/property.png" alt="" class="item-logo">
        <div class="tc text-label">အိမ်ခြံမြေနှင့်  အဆောင်များ  ရောင်းဝယ်ဌား</div>
    </div>

    <div>
        <img src="./img/banner.png" alt="" class="banner">
    </div>

    <hr>

    <div class="tc text-label contact">Contact</div>
    <div class="facebook tc">
        <a href="https://www.facebook.com/happygogo.myanmar" style="display: inline-block">
            <div>
                <img src="./img/facebook.png" alt="">
            </div>
        </a>
    </div>
</div>
<div id="zawgyi" class="page">
    <div class="logo-box tc">
        <img src="./img/logo.png" alt="" class="logo">
    </div>
    <div class="title tc">HappyGoGo</div>
    <div class="tc text-label">ရုပ္ရွင္ပြဲခ်ိန္မ်ား၊  YBS  ဘတ္စ္ကားလိုင္းမ်ား၊  စားေသာက္ဆိုင္မ်ား၊  အိမ္ျခံေျမမ်ား</div>
    <div class="tc text-label">အခမဲ့  Download  ရယူႏိုင္ပါသည္</div>
    <div class="btn-box">
        <a href="https://play.google.com/store/apps/details?id=com.happygogo.consumer">
            <div class="btn google"></div>
        </a>
        <a href="http://www.happygogo.com.mm/happygogo.apk">
            <div class="btn androdid">Download Android</div>
        </a>
    </div>

    <div class="item tc">
        <img src="./img/bus.png" alt="" class="item-logo">
        <div class="tc text-label"> ေနာက္ဆံုးအသစ္ထြက္ ယာဥ္လိုင္း ( ၁ မွ ၉၆ ) ထိ ရွာေဖြႏိုင္ပါသည္။</div>
    </div>

    <div class="item tc">
        <img src="./img/movie.png" alt="" class="item-logo">
        <div class="tc text-label">ရုပ္ရွင္ပြဲခ်ိန္မ်ား  ရုပ္ရွင္ရံုမ်ား  ျပသမည့္ကားမ်ားအား  ေဆာ့ဖ္ဝဲလ္  ၁  ခုတည္းတြင္  သိႏိုင္ျခင္း</div>
    </div>
   
    <div class="item tc">
        <img src="./img/food.png" alt="" class="item-logo">
        <div class="tc text-label">ေလ်ာ့ေစ်းေပးထားသည့္  စားေသာက္ဆိုင္မ်ားအားလြယ္ကူစြာရွာေဖြႏိုင္ျခင္း</div>
    </div>
    <div class="item tc">
        <img src="./img/property.png" alt="" class="item-logo">
        <div class="tc text-label">အိမ္ျခံေျမႏွင့္  အေဆာင္မ်ား  ေရာင္းဝယ္ဌား</div>
    </div>

    <div>
        <img src="./img/banner.png" alt="" class="banner">
    </div>

    <hr>

    <div class="tc text-label contact">Contact</div>
    <div class="facebook tc">
        <a href="https://www.facebook.com/happygogo.myanmar" style="display: inline-block">
            <div>
                <img src="./img/facebook.png" alt="">
            </div>
        </a>
    </div>
</div>
<span class="myUniTest" id="myWidth2" style="opacity: 0">ကက</span>
<span class="myUniTest" id="myWidth1" style="opacity: 0">က္က</span>
</body>
<script>
    var page = document.getElementsByClassName('page')
    page.style = 'display: block';
    if (myUnicode.check()) {
        // uincode
        document.getElementById('zawgyi').style = 'display: none';
    } else {
        // zawgyi
        document.getElementById('unicode').style = 'display: none';
    }

    // 点击跳转到英文页面
    var lang = document.getElementById('lang');
    lang.onclick = function () {
      location.href = 'consumer_en.html';
    }
</script>
</html>